<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_GongSiGaiKuang_0',
'ZY_AnHuiZhongYuanXinCai_1',
'ZY_LeJieGengDuo_2',
'img_flO0Y3',
'img_s5BeC4',
'ZY_GongSiGaiKuang_5',
'ZY_LvKangHeJin_6',
'img_fSZ_J7',
'ZY_8_8',
'ZY_GaoQiangDuDiMi_9',
'g_10',
'ZY_11_11',
'ZY_HanJieXingNeng_12',
'ZY_HanJieXiShu_13',
'ZY_14_14',
'ZY_ZheSeXingNeng_15',
'ZY_YangJiYangHuaWei_16',
'ZY_17_17',
'ZY_NaiFuShiXing_18',
'ZY_JingJianFuShiJi_19',
'ZY_20_20',
'ZY_JiaGongXingNeng_21',
'ZY_JiYaXiShu_22',
'ZY_XingYeYingYong_23',
'img_ldYDB24',
'ZY_FuHeBan_25',
'ZY_LeJieGengDuo_26',
'img_v0FlM27',
'img_bV5RH28',
'ZY_FuHeBan_29',
'ZY_LeJieGengDuo_30',
'img_eKuai31',
'img_z7VxQ32',
'ZY_FuHeBan_33',
'ZY_LeJieGengDuo_34',
'img_Cfgah35',
'img_KvuWE36',
'ZY_FuHeBan_37',
'ZY_LeJieGengDuo_38',
'img_Fi$_T39',
'ZY_LeJieGengDuo_40',
'img_pszl641',
'ZY_GuoJunBiaoRenZheng_42',
'img_FXaBn43',
'img_E_FAk44',
'img_RKxSB45',
'img_T2hFD46',
'img_Mi8XH47',
'ZY_XinWenZhongXin_48',
'img_TCfwF49',
'ZY_HuNanJiaTuoXinCai_50',
'ZY_AnHuiZhongYuanXinCai_51',
'img_kLg_h52',
'ZY_HuNanJiaTuoXinCai_53',
'ZY_AnHuiZhongYuanXinCai_54',
'img_sP1cL55',
'ZY_HuNanJiaTuoXinCai_56',
'ZY_AnHuiZhongYuanXinCai_57'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/css/animate.css"> 
  <link rel="stylesheet" type="text/css" href="https://hwfile.csxuncong.com/jkxc/mobile/./css/swiper-bundle.min.css"> 
  <style>.company-profile{ padding: 30px 18px; text-align: center; } 
			.company-profile p{ font-size: 14px; color: #090909; text-align: initial; text-indent: 2em; } 
			.company-profile .learn-more{ margin: 0 auto; margin-top: 30px; } 
			.company-profile .img-warp img{ width: 100%; margin-top: 30px; } 
			.featured-products .learn-more{ margin: 0 auto; margin-top: 30px; }
			.featured-products .img{ width: 100%; margin: 20px 0; } 
			.featured-products .content{ padding: 30px 18px; text-align: center; } 
			.featured-products .table{ width: 100%; flex-wrap: wrap; border-right: 1px solid #D4D8DE; border-bottom: 1px solid #D4D8DE; } 
			.featured-products .table .item{ width: 50%; text-align: left; border-top: 1px solid #D4D8DE; border-left: 1px solid #D4D8DE; padding: 25px 15px; box-sizing: border-box; } 
			.featured-products .table .item p{ font-size: 16px; line-height: 26px; } 
			.featured-products .table .item span{ font-size: 14px; color: #6D7074; } 
			.box-bg1{ background: url(https://hwfile.csxuncong.com/jkxc/mobile/images/applicationBg.png) no-repeat; background-size: 100% 100%; } 
			.industry-application{ padding: 30px 18px; text-align: center; } 
			.industry-application .content{ flex-wrap: wrap; } 
			.industry-application .content .item{ width: 48%; margin-bottom: 15px; } 
			.industry-application .content .item .item-img{ width: 100%; height: 140px; display: block; } 
			.industry-application .content .item p{ font-size: 14px; margin-bottom: 14px; } 
			.industry-application .content .item .text-warp{ padding: 24px 0; background: #FFFFFF; box-sizing: border-box; border: 1px solid #D4D8DE; border-top: 0; } 
			.industry-application .text-warp .bottom-warp{ font-size: 12px; color: #0F62C8; box-sizing: border-box; } 
			.industry-application .bottom-warp img{ width: 20px; display: block; } 
			.industry-application .learn-more{ margin-top: 20px; } 
			.box-bg2{ background: url(https://hwfile.csxuncong.com/jkxc/mobile/images/authenticationBg.png) no-repeat; background-size: 100% 100%; } 
			.authentication{ padding: 30px 18px; text-align: center; } 
			.authentication img{ width: 50%; margin-bottom: 20px; } 
			.authentication div{ flex-wrap: wrap; } 
			.authentication div img:first-child{ width: 65%; } 
			.authentication div img{ width: 40%; } 
			.news{ padding: 30px 18px; text-align: center; } 
			.news .item { margin-bottom: 12px;background: #F7F7F7; } 
			.news .item img{ width: 30%; height: 70px; display: block; } 
			.news .item div{ text-align: left; padding: 0 10px; box-sizing: border-box; } 
			.news .item div p{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px; margin-bottom: 10px; color: #2F2F2F; } 
			.news .item div span{ font-size: 14px; line-height: 20px; color: #6D7074; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;}</style> 
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="company-profile box"> 
   <h2 class="title animated wow slideInDown zy" data-wow-delay="0s" data-type="ad" data-id="${ZY_GongSiGaiKuang_0.adId}">${ZY_GongSiGaiKuang_0.adTitle}</h2> 
   <p class="animated wow fadeInUpA zy" data-wow-delay="0.2s" data-type="ad" data-id="${ZY_AnHuiZhongYuanXinCai_1.adId}">${ZY_AnHuiZhongYuanXinCai_1.adTitle}</p> 
   <div class="img-warp animated wow fadeInUpA" data-wow-delay="0.2s"> 
    <img src="${img_s5BeC4.adImg}" class="zy" data-type="ad" data-id="${img_s5BeC4.adId}"> 
   </div> 
   <a href="${path }/do/redirect/mobile/companyProfile">
    <div class="learn-more animated wow fadeInUpA" data-wow-delay="0.2s"> 
     <span class="mr-5 zy" data-type="ad" data-id="${ZY_LeJieGengDuo_2.adId}">${ZY_LeJieGengDuo_2.adTitle}</span> 
     <img src="${img_flO0Y3.adImg}" class="zy" data-type="ad" data-id="${img_flO0Y3.adId}"> 
    </div> 
    </a> 
  </div> 
  <div class="featured-products"> 
   <div class="content box"> 
    <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_5.adId}">${ZY_GongSiGaiKuang_5.adTitle}</h2> 
    <p class="sub-title animated wow slideInDown zy" data-type="ad" data-id="${ZY_LvKangHeJin_6.adId}">${ZY_LvKangHeJin_6.adTitle}</p> 
    <img class="img animated wow fadeInUpA zy" src="${img_fSZ_J7.adImg}" data-type="ad" data-id="${img_fSZ_J7.adId}"> 
    <div class="table flex animated wow fadeInUpA"> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_8_8.adId}">${ZY_8_8.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_GaoQiangDuDiMi_9.adId}">${ZY_GaoQiangDuDiMi_9.adTitle}</p> 
      <span class="zy" data-type="ad" data-id="${g_10.adId}">${g_10.adTitle}</span> 
     </div> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_11_11.adId}">${ZY_11_11.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_HanJieXingNeng_12.adId}">${ZY_HanJieXingNeng_12.adTitle}</p> 
      <span class="zy" data-type="ad" data-id="${ZY_HanJieXiShu_13.adId}">${ZY_HanJieXiShu_13.adTitle}</span> 
     </div> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_14_14.adId}">${ZY_14_14.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_ZheSeXingNeng_15.adId}">${ZY_ZheSeXingNeng_15.adTitle}</p> 
      <span class="zy" data-type="ad" data-id="${ZY_YangJiYangHuaWei_16.adId}">${ZY_YangJiYangHuaWei_16.adTitle}</span> 
     </div> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_17_17.adId}">${ZY_17_17.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_NaiFuShiXing_18.adId}">${ZY_NaiFuShiXing_18.adTitle}</p> 
      <span class="zy" data-type="ad" data-id="${ZY_JingJianFuShiJi_19.adId}">${ZY_JingJianFuShiJi_19.adTitle}</span> 
     </div> 
     <div class="item"> 
      <p class="zy" data-type="ad" data-id="${ZY_20_20.adId}">${ZY_20_20.adTitle}</p> 
      <p class="zy" data-type="ad" data-id="${ZY_JiaGongXingNeng_21.adId}">${ZY_JiaGongXingNeng_21.adTitle}</p> 
      <span class="zy" data-type="ad" data-id="${ZY_JiYaXiShu_22.adId}">${ZY_JiYaXiShu_22.adTitle}</span> 
     </div> 
     <div class="item"></div> 
    </div> 
	<a href="${path }/do/redirect/mobile/featuredProducts">
	 <div class="learn-more animated wow fadeInUpA"> 
	  <span class="mr-5 zy" data-type="ad" data-id="${ZY_LeJieGengDuo_2.adId}">${ZY_LeJieGengDuo_2.adTitle}</span> 
	  <img src="${img_flO0Y3.adImg}" class="zy" data-type="ad" data-id="${img_flO0Y3.adId}"> 
	 </div> 
	</a> 
   </div> 
  </div> 
  <div class="industry-application box box-bg1"> 
   <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_XingYeYingYong_23.adId}">${ZY_XingYeYingYong_23.adTitle}</h2> 
   <div class="content flex space-between">
    <cms:arts code="hyyy" var="artsList" pageNow="0" pageSize="4"></cms:arts>
    <c:forEach items="${artsList }" var="art" varStatus="status" >
    <div class="item animated wow fadeInUpA" data-wow-delay="0s">
     <a href="${path }/do/redirect/mobile/productDetail?id=${art.artId}">
      <img class="item-img zy" src="${art.artImage}" />
      <div class="text-warp">
       <p class="zy">${art.artTitle}</p>
       <div class="bottom-warp flex align-center space-center">
        <span class="mr-5 zy" data-type="ad" data-id="${ZY_LeJieGengDuo_26.adId}">${ZY_LeJieGengDuo_26.adTitle}</span>
        <img src="${img_v0FlM27.adImg}" class="zy" data-type="ad" data-id="${img_v0FlM27.adId}">
       </div>
      </div>
     </a>
    </div>
    </c:forEach>
   </div> 
   <a href="${path }/do/redirect/mobile/product">
    <div class="learn-more animated wow fadeInUpA" data-wow-delay="0.8s"> 
     <span class="mr-5 zy" data-type="ad" data-id="${ZY_LeJieGengDuo_40.adId}">${ZY_LeJieGengDuo_40.adTitle}</span> 
     <img src="${img_pszl641.adImg}" class="zy" data-type="ad" data-id="${img_pszl641.adId}"> 
    </div> </a> 
  </div> 
  <div class="authentication box box-bg2">
   <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_GuoJunBiaoRenZheng_42.adId}">${ZY_GuoJunBiaoRenZheng_42.adTitle}</h2>
   <div class="flex space-around animated wow fadeInUpA" data-wow-delay="0.2s">
    <cms:ad var="certList" code="cert"></cms:ad>
    <c:forEach items="${certList }" var="cert" varStatus="status" >
    <img src="${cert.adImg}" class="zy">
    </c:forEach>
   </div>
  </div>
  <div class="news box">
   <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_XinWenZhongXin_48.adId}">${ZY_XinWenZhongXin_48.adTitle}</h2>
   <cms:arts var="xwzxList" code="xwzx" pageNow="0" pageSize="3"></cms:arts>
   <c:forEach items="${xwzxList }" var="news" varStatus="status" >
    <div class="item flex align-center animated wow fadeInUpA" data-wow-delay="0s">
     <img src="${news.artImage}" class="zy" />
     <div class="flex-1">
      <a href="${path }/do/redirect/mobile/newsDetail?id=${news.artId}">
        <p class="zy">${news.artTitle}</p>
        <span class="zy">${news.artAbstract}</span>
      </a>
     </div>
    </div>
   </c:forEach>
  </div>
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script> 
  <script src="https://hwfile.csxuncong.com/jkxc/mobile/./js/wow.min.js"></script> 
  <script>
			var swiper = new Swiper('.mySwiper', {
				loop:true,
				slidesPerView:1,
				autoplay : true,
				pagination: {
					el: ".swiper-pagination",
					type: "bullets",
				},
			});
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.transition = '1s'
				popBg.style.display = "none";
				popBox.style.display = "none";						
			}
			
			var wow = new WOW({
			    boxClass: 'wow',
			    animateClass: 'animated',
			    offset: 0,
			    mobile: true,
			    live: true
			});
			wow.init();
		</script>   
 </body>
</html>